//.home-header{
//  padding: 6px 0 4px 0;
//  background-color: white;
//  height: 60px;
//}

.device-tab-button{
  font-size: 14px;
  padding: 4px;
  margin:  2px;
  color: #b8b8b8;
}
.button-choosed{
  outline: #488aff;
  color: black;
  font-size: 18px;
  background: none;

}

.all-room-btn{
  padding: 4px 6px;
}

.device-tab-div{
  display: inline-block;
}

.device-col{
  padding: 0 4px!important;
}

.device-card{
  padding: 0 4px;
  margin: 6px 0;
  border-radius: 12px!important;
}

.device-card-content{
  height: 100px;
  padding: 24px 16px;
}

.more-room-btn{
  position: fixed;top:16px;right: 16px;z-index: 11;width: 18px;
}

.switch-dot{
  position: absolute;
  top: 4px;
  right: 16px;
  line-height: 32px;
  font-size: 32px;
}

.on{
  color: red;
}
.off{
  color: #666666
}

.device-img{

  width: auto;
  height: 100%;
  margin: 0px auto;
}

.device-name{
  text-align: center;
  //padding: 0;
  margin: 0;
}

//
//.device-flex-div{
//  display: flex;
//  align-items: center;
//  flex-wrap: wrap;
//}
//
//.refresh-div{
//  position: absolute;
//  right: 0;
//  top: 4px;
//  font-size: 22px;
//}
//
//.title-icon{
//  font-size: 36px;
//  padding-right: 16px;
//  color:lightskyblue;
//}
//
//.select-div{
//  display: inline-block;
//  width: 50%;
//}
//
//.flex-div{
//  display: flex;
//  height: 140px;
//  text-align: center;
//
//}
//
//.flex-1{
//  padding-top: 20px;
//  flex: 1;
//}
//
//.home-scene-icon{
//  font-size: 72px;
//  padding:0;
//}
//
//
//.flex-div:nth-child(odd){
//  border: solid 1px lightskyblue;
//  .flex-1:nth-child(1) {
//    background-color: lightskyblue;
//  }
//}
//
//.flex-div:nth-child(even){
//  border: solid 1px lightskyblue;
//  .flex-1:nth-child(2) {
//    background-color: lightskyblue;
//  }
//}
//
//.item-select{
//  height: 44px!important;
//  padding: 0;
//  margin: 0;
//  background:none;
//  border: none!important;
//}
//.item-cover{
//  height: 44px!important;
//}
//.button-inner{
//
//}
//
//.select-text{
//  width: 80px;
//  text-align: right;
//}
//.select{
//  padding-top: 0!important;
//  text-align: right!important;
//  //width: 120px !important;
//  //float: right;
//}

//var col_yellow =  #ECD372;
//var col_red = #ff6e75;
